<template>
	<view class="container">
		<!-- 提交成功 -->
		<view class="tip">
			<image src="/static/images/success/success.png" mode="widthFix" style="width: 154rpx;"></image>
			<view class="msg">
				提交成功
			</view>
			<view class="tips">
				工作人员将会在24小时内审核您的提交，
				敬请留意
			</view>
		</view>
		<bottomComponent>
			<view class="bottom-btn" @click="toHome">
				回到首页
			</view>
		</bottomComponent>
	</view>
</template>

<script>
	import bottomComponent from "@/components/bottomComponent/index.vue"
	export default{
		components: {
			bottomComponent
		},
		methods: {
			toHome(){
				uni.switchTab({
					url: "/pages/home/index"
				})
			}
		}
	}
</script>
<style>
	page{
		background-color: #fff;
		min-height: 100vh;
		display: flex;
		align-items: center;
		justify-content: space-around;
	}
</style>
<style scoped lang="scss">
	.bottom-btn{
		width: 630rpx;
		line-height: 86rpx;
		background: #2B5BF8;
		border-radius: 86rpx;
		font-weight: 500;
		font-size: 38rpx;
		color: #FFFFFF;
		text-align: center;
	}
	.container{
		padding-bottom: 160rpx;	
	}
	.tip{
		width: 580rpx;
		text-align: center;
		
		.msg{
			font-weight: 500;
			font-size: 48rpx;
			color: #000000;
			line-height: 73rpx;
		}
		.tips{
			margin-top: 20rpx;
			font-weight: 400;
			font-size: 31rpx;
			color: #000000;
			line-height: 46rpx;
		}
	}
</style>